// Button

@import '../style/themes/default';
@import '../style/mixins/index';
@import './style/mixin';
@import './style/param';

#{$--x-button} {
  display: inline-block;
  line-height: initial;
}

.#{$--x-button} {
  @include reset-component();
  @include button();
  @include button-type(
    'initial',
    $--x-button-initial-color,
    $--x-button-initial-background,
    $--x-button-initial-border,
    $--x-button-initial-hover,
    $--x-button-initial-hover-background,
    $--x-button-initial-hover-border,
    $--x-button-initial-active,
    $--x-button-initial-active-background,
    $--x-button-initial-active-border,
    $--x-button-initial-disabled,
    $--x-button-initial-disabled-background,
    $--x-button-initial-disabled-border,
    $--x-button-initial-plain-color,
    $--x-button-initial-plain-background,
    $--x-button-initial-plain-border,
    $--x-button-initial-plain-hover,
    $--x-button-initial-plain-hover-background,
    $--x-button-initial-plain-hover-border,
    $--x-button-initial-plain-active,
    $--x-button-initial-plain-active-background,
    $--x-button-initial-plain-active-border,
    $--x-button-initial-plain-disabled,
    $--x-button-initial-plain-disabled-background,
    $--x-button-initial-plain-disabled-border,
    $--x-button-initial-box-shadow-color,
    $--x-button-initial-plain-box-shadow-color
  );
  @include button-type(
    'primary',
    $--x-button-primary-color,
    $--x-button-primary-background,
    $--x-button-primary-border,
    $--x-button-primary-hover,
    $--x-button-primary-hover-background,
    $--x-button-primary-hover-border,
    $--x-button-primary-active,
    $--x-button-primary-active-background,
    $--x-button-primary-active-border,
    $--x-button-primary-disabled,
    $--x-button-primary-disabled-background,
    $--x-button-primary-disabled-border,
    $--x-button-primary-plain-color,
    $--x-button-primary-plain-background,
    $--x-button-primary-plain-border,
    $--x-button-primary-plain-hover,
    $--x-button-primary-plain-hover-background,
    $--x-button-primary-plain-hover-border,
    $--x-button-primary-plain-active,
    $--x-button-primary-plain-active-background,
    $--x-button-primary-plain-active-border,
    $--x-button-primary-plain-disabled,
    $--x-button-primary-plain-disabled-background,
    $--x-button-primary-plain-disabled-border,
    $--x-button-primary-box-shadow-color,
    $--x-button-primary-plain-box-shadow-color
  );
  @include button-type(
    'success',
    $--x-button-success-color,
    $--x-button-success-background,
    $--x-button-success-border,
    $--x-button-success-hover,
    $--x-button-success-hover-background,
    $--x-button-success-hover-border,
    $--x-button-success-active,
    $--x-button-success-active-background,
    $--x-button-success-active-border,
    $--x-button-success-disabled,
    $--x-button-success-disabled-background,
    $--x-button-success-disabled-border,
    $--x-button-success-plain-color,
    $--x-button-success-plain-background,
    $--x-button-success-plain-border,
    $--x-button-success-plain-hover,
    $--x-button-success-plain-hover-background,
    $--x-button-success-plain-hover-border,
    $--x-button-success-plain-active,
    $--x-button-success-plain-active-background,
    $--x-button-success-plain-active-border,
    $--x-button-success-plain-disabled,
    $--x-button-success-plain-disabled-background,
    $--x-button-success-plain-disabled-border,
    $--x-button-success-box-shadow-color,
    $--x-button-success-plain-box-shadow-color
  );
  @include button-type(
    'warning',
    $--x-button-warning-color,
    $--x-button-warning-background,
    $--x-button-warning-border,
    $--x-button-warning-hover,
    $--x-button-warning-hover-background,
    $--x-button-warning-hover-border,
    $--x-button-warning-active,
    $--x-button-warning-active-background,
    $--x-button-warning-active-border,
    $--x-button-warning-disabled,
    $--x-button-warning-disabled-background,
    $--x-button-warning-disabled-border,
    $--x-button-warning-plain-color,
    $--x-button-warning-plain-background,
    $--x-button-warning-plain-border,
    $--x-button-warning-plain-hover,
    $--x-button-warning-plain-hover-background,
    $--x-button-warning-plain-hover-border,
    $--x-button-warning-plain-active,
    $--x-button-warning-plain-active-background,
    $--x-button-warning-plain-active-border,
    $--x-button-warning-plain-disabled,
    $--x-button-warning-plain-disabled-background,
    $--x-button-warning-plain-disabled-border,
    $--x-button-warning-box-shadow-color,
    $--x-button-warning-plain-box-shadow-color
  );
  @include button-type(
    'danger',
    $--x-button-danger-color,
    $--x-button-danger-background,
    $--x-button-danger-border,
    $--x-button-danger-hover,
    $--x-button-danger-hover-background,
    $--x-button-danger-hover-border,
    $--x-button-danger-active,
    $--x-button-danger-active-background,
    $--x-button-danger-active-border,
    $--x-button-danger-disabled,
    $--x-button-danger-disabled-background,
    $--x-button-danger-disabled-border,
    $--x-button-danger-plain-color,
    $--x-button-danger-plain-background,
    $--x-button-danger-plain-border,
    $--x-button-danger-plain-hover,
    $--x-button-danger-plain-hover-background,
    $--x-button-danger-plain-hover-border,
    $--x-button-danger-plain-active,
    $--x-button-danger-plain-active-background,
    $--x-button-danger-plain-active-border,
    $--x-button-danger-plain-disabled,
    $--x-button-danger-plain-disabled-background,
    $--x-button-danger-plain-disabled-border,
    $--x-button-danger-box-shadow-color,
    $--x-button-danger-plain-box-shadow-color
  );
  @include button-type(
    'info',
    $--x-button-info-color,
    $--x-button-info-background,
    $--x-button-info-border,
    $--x-button-info-hover,
    $--x-button-info-hover-background,
    $--x-button-info-hover-border,
    $--x-button-info-active,
    $--x-button-info-active-background,
    $--x-button-info-active-border,
    $--x-button-info-disabled,
    $--x-button-info-disabled-background,
    $--x-button-info-disabled-border,
    $--x-button-info-plain-color,
    $--x-button-info-plain-background,
    $--x-button-info-plain-border,
    $--x-button-info-plain-hover,
    $--x-button-info-plain-hover-background,
    $--x-button-info-plain-hover-border,
    $--x-button-info-plain-active,
    $--x-button-info-plain-active-background,
    $--x-button-info-plain-active-border,
    $--x-button-info-plain-disabled,
    $--x-button-info-plain-disabled-background,
    $--x-button-info-plain-disabled-border,
    $--x-button-info-box-shadow-color,
    $--x-button-info-plain-box-shadow-color
  );
}
